<template>
  <div>  
    <mt-header fixed title="单项赛个人报名">
      <mt-button icon="back" @click='$router.back(-1)' slot="left"></mt-button>
    </mt-header>
    <div style="height:40px;"></div>
    <div class="top-title"><i class="gray">比赛名称: </i>2019长沙岳麓区第N届羽毛球邀请赛</div>
    <div class="top-title"><i class="gray">比赛组别：</i>青年组 - 20至30岁</div>
    <step current=6 :stepArr="stepArr"></step> 
    <div>  
      <div class="f16 m10 fwb">支付完成</div>
      <div class="green" style="background: #fff; height: 300px; line-height: 280px; text-align:center; font-size: 18px; ">
        <i class="fa fa-check-circle mr10" style="font-size: 30px;vertical-align: middle;"></i>支付成功，报名完成！ 
      </div>
      <div style="display: flex; margin: 20px 10px;"><mt-button style="flex:1;" @click='$router.push("/")' type="primary">完成</mt-button></div>
    </div> 
  </div>
</template>
<script>
import step from '@/components/step' 
export default {
  components:{
    step
  },
  data () {
    return {
      stepArr:['填写信息','选择俱乐部','选择项目','选择搭档','报名预览','支付完成'],
      sex:'female',
      options:[{name:"男",value:"male"},{name:"女",value:"female"}]
    }
  },
  mounted(){
    
  },
  methods:{
  }
}
</script>
